<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>


<!DOCTYPE html>
<html lang="en">
<head>
<title>合作院校</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="css/fullcalendar.css" />
<link rel="stylesheet" href="css/uniform.css" />
<link rel="stylesheet" href="css/select2.css" />
<link rel="stylesheet" href="css/matrix-style.css" />
<link rel="stylesheet" href="css/matrix-media.css" />
<link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
<link href='http://fonts.useso.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'>
<style>
 .content-header{
/*   margin-top:-38px;
 */  font-size:16px;
  background-color:#fff;
 }
 .content-header table{
  font-weight:bolder;
  margin-left:30px;
 }
 .content-header .header-number{
  margin-left:10px;
 }
 div.span4{
 }
  .shift{
  float:left;
  font-size:20px;
  padding-right:20px;
  
 } 

</style>
</head>
<body>

<!--Header-part-->
<div id="header">
  <h1><a href="dashboard.html">Matrix Admin</a></h1>
</div>
<!--close-Header-part--> 

<!--top-Header-menu-->
<div id="user-nav" class="navbar navbar-inverse">
  <ul class="nav">
    <li  class="dropdown" id="profile-messages" ><a title="" href="#" data-toggle="dropdown" data-target="#profile-messages" class="dropdown-toggle"><i class="icon icon-user"></i>  <span class="text">Welcome User</span><b class="caret"></b></a>
      <ul class="dropdown-menu">
        <li><a href="#"><i class="icon-user"></i> My Profile</a></li>
        <li class="divider"></li>
        <li><a href="#"><i class="icon-check"></i> My Tasks</a></li>
        <li class="divider"></li>
        <li><a href="login.html"><i class="icon-key"></i> Log Out</a></li>
      </ul>
    </li>
    <li class="dropdown" id="menu-messages"><a href="#" data-toggle="dropdown" data-target="#menu-messages" class="dropdown-toggle"><i class="icon icon-envelope"></i> <span class="text">Messages</span> <span class="label label-important">5</span> <b class="caret"></b></a>
      <ul class="dropdown-menu">
        <li><a class="sAdd" title="" href="#"><i class="icon-plus"></i> new message</a></li>
        <li class="divider"></li>
        <li><a class="sInbox" title="" href="#"><i class="icon-envelope"></i> inbox</a></li>
        <li class="divider"></li>
        <li><a class="sOutbox" title="" href="#"><i class="icon-arrow-up"></i> outbox</a></li>
        <li class="divider"></li>
        <li><a class="sTrash" title="" href="#"><i class="icon-trash"></i> trash</a></li>
      </ul>
    </li>
    <li class=""><a title="" href="#"><i class="icon icon-cog"></i> <span class="text">Settings</span></a></li>
    <li class=""><a title="" href="login.html"><i class="icon icon-share-alt"></i> <span class="text">Logout</span></a></li>
  </ul>
</div>

<!--start-top-serch-->
<!-- <div id="search">
  <input type="text" placeholder="Search here..."/>
  <button type="submit" class="tip-bottom" title="Search"><i class="icon-search icon-white"></i></button>
</div> -->
<!--close-top-serch--> 

<!--sidebar-menu-->

<div id="sidebar" ><a href="#" class="visible-phone"><i class="icon icon-home"></i> Dashboard2</a>
  <ul>
   <li  ><a  href="<%=request.getContextPath()%>/dashboard"><i class="icon icon-home"></i> <span>Dashboard控制面板</span></a> </li>
    <li class="active"> <a href="<%=request.getContextPath()%>/study?method=page"><i class="icon icon-signal"></i> <span>Study news留学信息</span></a> </li>
    <li> <a href="<%=request.getContextPath()%>/travel?method=page"><i class="icon icon-inbox"></i> <span>Travel New旅游信息</span></a> </li>
    <li><a href="<%=request.getContextPath()%>/news?method=page"><i class="icon icon-th"></i> <span>Recent News近期新闻</span></a></li>
    <li><a href="<%=request.getContextPath()%>/member?method=page"><i class="icon icon-fullscreen"></i> <span>Members centre会员中心</span></a></li>
    <li><a href="<%=request.getContextPath() %>/assist?method=page"><i class="icon icon-th-list"></i> <span>助理管理</span></a>
    </li>
  </ul>
</div>
<div id="content">
<div class="content-title">
 <button type="submit" class="btn" id="toprevious"><i class="icon-step-backward"></i>返回上一级</button>
</div>
<div class="container-fluid">
 <div class="row-fluid">
  <div class="span12">
      <div class="widget-box">
          <div class="widget-title">
            <ul class="nav nav-tabs">
              <li ><a data-toggle="tab" href="#tab1">英国大学介绍</a></li>
              <li class="active"><a data-toggle="tab" href="#tab2">英国中学介绍</a></li>
              <li><a data-toggle="tab" href="#tab3">大学申请流程</a></li>
              <li><a data-toggle="tab" href="#tab4">学生签证所需材料</a></li>
              <li><a data-toggle="tab" href="#tab5">兼职信息</a></li>
            </ul>
          </div>
          <div class="widget-content tab-content">
            <div id="tab1" class="tab-pane ">
              <p>英国目前存在多个版本的大学排名，包括官方每七年左右发布一次的科研水平评估（REF）排名，以及泰晤士报、卫报、独立报
                                                   等媒体发布的英国大学排名。此外，国际高等教育研究机构Quacquarelli Symonds（QS）等机构每年均会发布各自的世界大学排名，
                                                   其中也涵盖了英国大学。大学的排名由许多因素构成，不同的机构会出现的排名结果可能不同。</p><hr/>
             <ul class="shift nav nav-tabs nav-stacked">
              <li class="active"><a data-toggle="tab" href="#tab6">大学排名</a></li>
              <li><a data-toggle="tab" href="#tab7">专业排名</a></li>
             </ul>
             <div class="tab-content">
              <div id="tab6" class="tab-pane active">
                 <div class="span12">
                  <div class="widget-box">
                   <div class="widget-content">
                    <table class="table table-bordered">
                     <tr>
                      <th>ranking</th>
                      <th>school name</th>
                     </tr>
                     <tr>
                      <td>1</td>
                      <td><a href="#">剑桥大学</a></td>
                     </tr>
                     <tr>
                      <td>2</td>
                      <td><a href="#">牛津大学</a></td>
                     </tr>
                     <tr>
                      <td>3</td>
                      <td><a href="#">帝国理工学院(Imperial College London)</a></td>
                     </tr>
                     
                    </table>
                   </div>
                  </div>
                 </div>
              </div>
              <div id="tab7" class="tab-pane">
                 <div class="widget-box">
                   <div class="widget-title">
		            <ul class="nav nav-tabs">
		              <li class="active"><a data-toggle="tab" href="#tab8">商科</a></li>
		              <li><a data-toggle="tab" href="#tab9">艺术</a></li>
		              <li><a data-toggle="tab" href="#tab10">工程</a></li>
		              <li><a data-toggle="tab" href="#tab11">管理</a></li>
		              <li><a data-toggle="tab" href="#tab12">基础科学</a></li>
		            </ul>
                   </div>
                   <div class="widget-content tab-content">
                    <div id="tab8" class="tab-pane active">
                     <div class="span12">
                      <div class="widget-box">
                       <div class="widget-content">
                        <table class="table table-bordered">
	                     <tr>
	                      <td>1</td>
	                      <td><a href="#">剑桥大学</a></td>
	                     </tr>
	                     <tr>
	                      <td>2</td>
	                      <td><a href="#">牛津大学</a></td>
	                     </tr>
	                     <tr>
	                      <td>3</td>
	                      <td><a href="#">帝国理工学院(Imperial College London)</a></td>
	                     </tr>
	                     
	                    </table>
                       </div>
                      </div>
                     </div>
                    </div>
                    <div id="tab9" class="tab-pane">
                     <div class="span12">
                      <div class="widget-box">
                       <div class="widget-content">
                        <table class="table table-bordered">
	                     <tr>
	                      <td>1</td>
	                      <td><a href="#">aaaa</a></td>
	                     </tr>
	                     <tr>
	                      <td>2</td>
	                      <td><a href="#">bbbbb</a></td>
	                     </tr>
	                     <tr>
	                      <td>3</td>
	                      <td><a href="#">cccc</a></td>
	                     </tr>
	                    </table>
                       </div>
                      </div>
                     </div>
                    </div>
                    <div id="tab10" class="tab-pane">
                     <div class="span12">
                      <div class="widget-box">
                       <div class="widget-content">
                        <table class="table table-bordered">
	                     <tr>
	                      <td>1</td>
	                      <td><a href="#">xxxxxxx</a></td>
	                     </tr>
	                     <tr>
	                      <td>2</td>
	                      <td><a href="#">yyyyyyyy</a></td>
	                     </tr>
	                     <tr>
	                      <td>3</td>
	                      <td><a href="#">zzzzzzzzzzzzz</a></td>
	                     </tr>
	                    </table>
                       </div>
                      </div>
                     </div>	                      
                     
                    </div>
                    <div id="tab11" class="tab-pane">
                     <div class="span12">
                      <div class="widget-box">
                       <div class="widget-content">
                        <table class="table table-bordered">
	                     <tr>
	                      <td>1</td>
	                      <td><a href="#">111111111111111</a></td>
	                     </tr>
	                     <tr>
	                      <td>2</td>
	                      <td><a href="#">222222222222</a></td>
	                     </tr>
	                     <tr>
	                      <td>3</td>
	                      <td><a href="#">3333333333333</a></td>
	                     </tr>
	                    </table>
                       </div>
                      </div>
                     </div>
                    </div>
                   </div>
                </div>
               
              </div>
             </div>
             </div>
            <div id="tab2" class="tab-pane active">
             <p>aaaaaa中学介绍...........................................</p><hr/>
              
            </div>
            <div id="tab3" class="tab-pane ">
               <div class="accordion" id="collapse-group">
		          <div class="accordion-group widget-box">
		            <div class="accordion-heading">
		              <div class="widget-title"> <a data-parent="#collapse-group" href="#collapseGOne" data-toggle="collapse"> <span class="icon"><i class="icon-magnet"></i></span>
		                <h5>step 1</h5>
		                </a> </div>
		            </div>
		            <div class="collapse in accordion-body" id="collapseGOne">
		              <div class="widget-content"> It has multiple paragraphs and is full of waffle to pad out the comment. Usually, you just wish these sorts of comments would come to an end. </div>
		            </div>
		          </div>
		          <div class="accordion-group widget-box">
		            <div class="accordion-heading">
		              <div class="widget-title"> <a data-parent="#collapse-group" href="#collapseGTwo" data-toggle="collapse"> <span class="icon"><i class="icon-magnet"></i></span>
		                <h5>step  2</h5>
		                </a> </div>
		            </div>
		            <div class="collapse accordion-body" id="collapseGTwo">
		              <div class="widget-content">And is full of waffle to It has multiple paragraphs and is full of waffle to pad out the comment. Usually, you just wish these sorts of comments would come to an end.</div>
		            </div>
		          </div>
		          <div class="accordion-group widget-box">
		            <div class="accordion-heading">
		              <div class="widget-title"> <a data-parent="#collapse-group" href="#collapseGThree" data-toggle="collapse"> <span class="icon"><i class="icon-magnet"></i></span>
		                <h5>step  3</h5>
		                </a> </div>
		            </div>
		            <div class="collapse accordion-body" id="collapseGThree">
		              <div class="widget-content"> Waffle to It has multiple paragraphs and is full of waffle to pad out the comment. Usually, you just </div>
		            </div>
		          </div>
		        </div>
            </div>
              <div id="tab4" class="tab-pane">
               <div class="accordion" id="collapse-group">
		          <div class="accordion-group widget-box">
		            <div class="accordion-heading">
		              <div class="widget-title"> <a data-parent="#collapse-group" href="#collapseGFour" data-toggle="collapse"> <span class="icon"><i class="icon-magnet"></i></span>
		                <h5>材料 1</h5>
		                </a> </div>
		            </div>
		            <div class="collapse in accordion-body" id="collapseGFour">
		              <div class="widget-content"> It has multiple paragraphs and is full of waffle to pad out the comment. Usually, you just wish these sorts of comments would come to an end. </div>
		            </div>
		          </div>
		          <div class="accordion-group widget-box">
		            <div class="accordion-heading">
		              <div class="widget-title"> <a data-parent="#collapse-group" href="#collapseGFive" data-toggle="collapse"> <span class="icon"><i class="icon-magnet"></i></span>
		                <h5>材料  2</h5>
		                </a> </div>
		            </div>
		            <div class="collapse accordion-body" id="collapseGFive">
		              <div class="widget-content">And is full of waffle to It has multiple paragraphs and is full of waffle to pad out the comment. Usually, you just wish these sorts of comments would come to an end.</div>
		            </div>
		          </div>
		          <div class="accordion-group widget-box">
		            <div class="accordion-heading">
		              <div class="widget-title"> <a data-parent="#collapse-group" href="#collapseGSix" data-toggle="collapse"> <span class="icon"><i class="icon-magnet"></i></span>
		                <h5>材料  3</h5>
		                </a> </div>
		            </div>
		            <div class="collapse accordion-body" id="collapseGSix">
		              <div class="widget-content"> Waffle to It has multiple paragraphs and is full of waffle to pad out the comment. Usually, you just </div>
		            </div>
		          </div>
		        </div>
              </div>
            <div id="tab5" class="tab-pane">
             <div class="span12">
              <div class="widget-box">
               <div class="widget-title">
                <h3>兼职信息</h3>
               </div>
               <div class="widget-content">
                <table class="table table-bordered">
                  <tr>
                   <th>content</th>
                   <th>DateTime</th>
                  </tr>   
                  <tr>
                   <td><a href="#">aaaaaaaaaa</a></td>
                   <td><a href=“#”>2016.1.1</a></td>
                  </tr>
                  <tr>
                     <td><a href="#">xxxxxxxxxxxx</a></td>
                     <td><a href=“#”>2016.2.1</a></td>
                  </tr>
                  <tr>
                   <td><a href="#">cccccccccccc</a></td>
                   <td><a href=“#”>2016.3.1</a></td>
                  </tr>
                  <tr>
                   <td><a href="#">dddddddddddd</a></td>
                   <td><a href=“#”>2016.3.2</a></td>
                  </tr>              
                </table>
               </div>
              </div>
              </div>
            </div>
          </div>
          
        </div>
      </div>

 </div>
</div>
</div>


<!--Footer-part-->
<div class="row-fluid">
  <div id="footer" class="span12"> 2016 &copy; <a href="http://themedesigner.in/">guangzhoushuntian information technology</a> </div>
</div>
<!--end-Footer-part-->
<script src="js/excanvas.min.js"></script>  
<script src="js/jquery.min.js"></script> 
<script src="js/jquery.ui.custom.js"></script> 
 <script src="js/bootstrap.min.js"></script> 
 <script src="js/jquery.flot.min.js"></script> 
<script src="js/jquery.flot.resize.min.js"></script> 
<script src="js/jquery.peity.min.js"></script> 
<script src="js/matrix.js"></script> 
<script src="js/fullcalendar.min.js"></script> 
<script src="js/matrix.calendar.js"></script> 
<script src="js/matrix.chat.js"></script> 
<script src="js/jquery.validate.js"></script> 
<script src="js/matrix.form_validation.js"></script> 
<script src="js/jquery.wizard.js"></script> 
<script src="js/jquery.uniform.js"></script> 
<script src="js/select2.min.js"></script> 
<script src="js/matrix.popover.js"></script> 
<script src="js/jquery.dataTables.min.js"></script> 
<script src="js/matrix.tables.js"></script> 
<script src="js/matrix.interface.js"></script>
<script type="text/javascript">
  // This function is called from the pop-up menus to transfer to
  // a different page. Ignore if the value returned is a null string:
  function goPage (newURL) {

      // if url is empty, skip the menu dividers and reset the menu selection to default
      if (newURL != "") {
      
          // if url is "-", it is this page -- reset the menu:
          if (newURL == "-" ) {
              resetMenu();            
          } 
          // else, send page to designated URL            
          else {  
            document.location.href = newURL;
          }
      }
  }

// resets the menu selection upon entry to this page:
function resetMenu() {
   document.gomenu.selector.selectedIndex = 2;
}
    $("#toprevious").click(function(){
    	document.location.href="<%=request.getContextPath() %>/study?method=main";
		
    });
</script>
</body>
</html>
